<!DOCTYPE HTML>

<!--[if lte IE 8]>               <html class="ie8 no-js" lang="en">    <![endif]-->
<!--[if lte IE 10]>				 <html class="ie10 no-js" lang="en">   <![endif]-->
<!--[if !IE]>-->				 <html class="not-ie no-js" lang="en"> <!--<![endif]-->
<head>
	
	<!-- Google Web Fonts
  ================================================== -->
	<link href='css/gwfonts.css' rel='stylesheet' type='text/css'>
	
	<!-- Basic Page Needs
  ================================================== -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<title>无糖运动</title>	
	
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.png">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">	

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- CSS
  ================================================== -->
    <link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/grid.css" />
	<link rel="stylesheet" href="css/layout.css" />
	<link rel="stylesheet" href="css/fontello.css" />
	<link rel="stylesheet" href="css/animation.css" />
	
	<link rel="stylesheet" href="js/layerslider/css/layerslider.css" />
	<link rel="stylesheet" href="js/flexslider/flexslider.css" />
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" />
	
	<!-- HTML5 Shiv
	================================================== -->
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.modernizr.js"></script>
	
</head>

<body data-spy="scroll" data-target="#navigation" class="home">
	

	
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->	
	

<header id="header" class="transparent">
	
	<div class="header-in clearfix">
		
		<h1 id="logo"><img src="images/LOGO_1.png" class="logoss"><img src="images/LOGO_2.png" class="logoss_1"><a href="index.html">SUGAR FREE</a></h1>
		
		<a id="responsive-nav-button" class="responsive-nav-button" href="#"></a>
		
		<nav id="navigation" class="navigation">
			
			<ul>
				<li class="current-menu-item"><a href="#home">首页</a>
					
				</li>
				<li><a href="#about">关于</a></li>
				<li><a href="#team">团队</a></li>
				<li><a href="#folio">产品</a></li>
				<li><a href="#services">联系我们</a></li>
			</ul>

		</nav><!--/ #navigation-->
		
	</div><!--/ .header-in-->
	
</header><!--/ #header-->




<!-- - - - - - - - - - - - - end Header - - - - - - - - - - - - - - - -->


<!-- - - - - - - - - - - - - - 首页 - - - - - - - - - - - - - - - - -->
	
<div id="wrapper">
	
	<section id="home" class="page">
		
		<section class="section padding-off">
			
			<div id="layerslider-container">
				
				<div id="layerslider">

					<div class="ls-layer" style="slidedirection: left; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; timeshift: -500;">
						
						<img alt="" class="ls-bg" src="images/banner1.jpg">
						
						<h1 class="ls-s2 align-center" style="top: 50%; left:245px; slidedirection : top; slideoutdirection : fade; scaleout : 0.75; durationin : 1000; durationout : 2000; easingin : easeInOutQuint; easingout : easeInOutQuint; font-size:50px">
							这里只有<span style="color:#fc7474">以你为中心</span>的运动场
						</h1>
						
						<h1 class="ls-s2 align-center" style="top: 65%; left:472px; border:1px solid #fff; border-radius:4px; padding:6px 10px;  font-size:30px; slidedirection : bottom; slideoutdirection : fade; scaleout : 0.75; durationin : 2000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint;">
							let's do it
						</h1>
						
					</div><!--/ .ls-layer-->
					
					<div class="ls-layer" style="slidedirection: right; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; timeshift: -500;">
					
						<img alt="" class="ls-bg" src="images/banner2.jpg">
						
						<h1 class="ls-s2 align-center" style="top: 50%; left:295px; slidedirection : top; slideoutdirection : fade; scaleout : 0.75; durationin : 1000; durationout : 2000; easingin : easeInOutQuint; easingout : easeInOutQuint; font-size:50px">
							你<span style="color:#fc7474">和想象中的你</span>只差无糖
						</h1>
						
						<h1 class="ls-s2 align-center" style="top: 65%; left:472px; border:1px solid #fff; border-radius:4px; padding:6px 10px;  font-size:30px; slidedirection : bottom; slideoutdirection : fade; scaleout : 0.75; durationin : 2000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint;">
							let's do it
						</h1>
						
					</div><!--/ .ls-layer-->
					
					<div class="ls-layer" style="slidedirection: right; durationin: 1500; durationout: 1500; easingin: easeInOutQuint; timeshift: -500;">
					
						<img alt="" class="ls-bg" src="images/banner3.jpg">
						
						<h1 class="ls-s2 align-center" style="top: 50%; left:320px; slidedirection : top; slideoutdirection : fade; scaleout : 0.75; durationin : 1000; durationout : 2000; easingin : easeInOutQuint; easingout : easeInOutQuint; font-size:50px">
							养成好习惯<span style="color:#fc7474">告别亚健康</span>
						</h1>
						
						<h1 class="ls-s2 align-center" style="top: 65%; left:472px; border:1px solid #fff; border-radius:4px; padding:6px 10px;  font-size:30px; slidedirection : bottom; slideoutdirection : fade; scaleout : 0.75; durationin : 2000; durationout : 1000; easingin : easeInOutQuint; easingout : easeInOutQuint;">
							let's do it
						</h1>
						
					</div><!--/ .ls-layer-->

				</div><!--/ #layerslider-->

			</div><!--/ #layerslider-container-->	

			
			
		</section><!--/ .section-->
		
	</section><!--/ .page-->
	
	<section id="about" class="page">
		
		<section class="section">

			<div class="container">

				<div class="row">
					
					<div class="col-xs-12">
						<hgroup class="slogan align-center opacity">
							<h1><span> 节制 </span> 让自由更生动</h1>
							<h2><span> 生动</span> 生命在于运动 ，<span>自由</span> 你信心的来由 。</h2>	
						</hgroup>	
					</div>

				</div><!--/ .row-->

				<div class="row">

					<div class="col-md-7 opacity">
						<p>
							<img src="images/iPhone-6-Mockup.jpg" alt="" />
						</p>
					</div><!--/ .col-md-6-->

					<div class="col-md-5">

						<p class="opacity">
							&nbsp;&nbsp;&nbsp;&nbsp;无糖 一词来源于Sugar Free，译作“无糖”（没有糖分的），糖，甜蜜令人难以拒绝，如生活中的各种诱惑，表面舒适的诱惑——懒惰；味蕾刺激的诱惑——垃圾食品，糖作为肥胖和疾病的积极分子，已经成为现代人健康的一大威胁。所以让我们“再也和糖分没有瓜葛”，我们也更是把它看做「从糖分中挣脱，获得自由」。于是从中引申出「节制的自由」这样一个无糖的产品核心概念。
						<br>
							&nbsp;&nbsp;&nbsp;&nbsp;无糖 诞生于2015年初，团队由两部分精英组成，分别是毕业于名校的海外留学生，和来自知名互联网产业界资深员工，学界业界精英融合，成就了 无糖 人才储备上的部分优势，为公司的长久发展打下初步基础。
						</p>
						<!-- <p class="opacity">
							无糖关注国内健身行业的发展和规范，无糖在健身领域深度下潜让无糖的战略发展迈出了坚实的步伐；截止2015年九月，无糖是一个20人级别初步成型的创业团队。基于年轻的人员构成，无糖使用自有的特色扁平化管理，使无糖的产品有着更多的想象力。
						</p> -->

						<!-- <ul class="list circle-list opacity">

							<li>扁平化管理</li>
							<li>年轻的团队</li>
							<li>雄厚的投资</li>

						</ul> --><!--/ .list-->

					</div><!--/ .col-md-5-->

				</div><!--/ .row-->

			</div><!--/ .container-->	
			
		</section><!--/ .section-->
		<section class="section parallax parallax-bg-1 bg-turquoise-color">

			<div class="full-bg-image"></div>

			<div class="container">

				<div class="row">
					
					<div class="col-xs-12">
						
						<ul class="quotes opacity" data-timeout="6000">
	
							<li class="align-center">
								<blockquote class="quote-text">
									<h1>商业合作</h1>
									<p>无糖期待和更多的优秀的健身场所取得合作（目前仅限上海地区），更多的健身馆加入无糖的平台，加入更乐观的无糖更新的健身领域的大家庭中，让我们彼此做的事情更有意义，为这个行业带来更多的正面价值，和无糖团结，和未来连接。</p>
									<h2>场馆合作请联系：<span>service@wesugarfree.com</span></h2>
									<h2>活动合作请联系：<span>service@wesugarfree.com</span></h2>
								</blockquote>
								<!-- <div><img alt="无糖运动" src="images/qrcode_for_gh_a4402eb43f1e_258.png"></div> -->
							</li>

							<li class="align-center">
								<blockquote class="quote-text">
									<h1>加入我们</h1>
									<p>无糖正在稳步前行，需要更多优秀的伙伴加入我们，我们将提供你不辜负才华的薪资，期权激励。如果你对健身领域感兴趣，勇于挑战自己，有迎接困难的自信，那么，无糖大家庭欢迎你。</p>
									<h2>简历投递：<span>hr@wesugarfree.com</span></h2>
									<h2>职位咨询：<span>1161889650 wechat</span></h2>
								</blockquote>
								<!-- <div><img alt="Jack Black" src="images/qrcode_for_gh_a4402eb43f1e_258.png"></div> -->
							</li>

						</ul><!--/ .quotes-->
						
					</div>
					
				</div><!--/ .row-->

			</div><!--/ .container-->

		</section><!--/ .section-->
		
	</section><!--/ .section-->
	

	
	<section id="folio" class="page">
		
		<section class="section padding-bottom-off">
			
			<div class="container">
				
				<div class="row">
					
					<div class="col-xs-12">
						<hgroup class="section-title align-center opacity">
							<h1>我们的产品</h1>
						</hgroup>							
					</div>
					
				</div><!--/ .row-->
				
				<div class="row">
					
					<div class="col-xs-12">
						<ul id="portfolio-filter" class="portfolio-filter opacity">
							<li class="filter active" data-filter="all">全部</li>
							<li class="filter" data-filter="logo">Logo</li>
							<li class="filter" data-filter="photo">照片</li>
						</ul><!--/ #portfolio-filter -->		
					</div>
					
			  </div><!--/ .row-->
					
			</div><!--/ .container-->

			<ul id="portfolio-items" class="portfolio-items">					

				<li class="logo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/logo/logo04.png" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">LOGO</h2>
									<!--/<a class="single-image link-icon" href="project-single-3.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/logo/logo04.png"></a>
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>		
								
				<li class="photo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/APP/app1.jpg" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">照片</h2>
									<!--/<a class="single-image link-icon" href="project-single-4.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/APP/app1.jpg"></a>									
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>	
				
				<li class="logo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/logo/logo06.png" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">LOGO</h2>
									<!--/<a class="single-image link-icon" href="project-single-3.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/logo/logo06.png"></a>
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>			

	
				
				<li class="photo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/APP/app2.jpg" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">照片</h2>
									<!--/<a class="single-image link-icon" href="project-single-4.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/APP/app2.jpg"></a>									
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>
				
				<li class="logo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/logo/logo07.png" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">LOGO</h2>
									<!--/<h6 class="extra-category">Logo</h6>-->
									<!--/<a class="single-image link-icon" href="project-single.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/logo/logo07.png"></a>	
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>				
				
				<li class="photo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/APP/app3.png" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">照片</h2>
									<!--/<a class="single-image link-icon" href="project-single-4.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/APP/app3.png"></a>									
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>
				
				<li class="logo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/logo/logo07.png" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">LOGO</h2>
									<!--/<h6 class="extra-category">Logo</h6>-->
									<!--/<a class="single-image link-icon" href="project-single.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/logo/logo07.png"></a>	
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>
				
				<li class="photo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/APP/app4.jpg" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">照片</h2>
									<!--/<a class="single-image link-icon" href="project-single-4.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/APP/images/APP/app4.jpg"></a>									
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>															

				<li class="logo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/logo/logo11.png" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">LOGO</h2>
									<!--/<h6 class="extra-category">Logo</h6>-->
									<!--/<a class="single-image link-icon" href="project-single-4.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/logo/logo11.png"></a>
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->
					</div><!--/ .work-item-->
					
				</li>					

				<li class="photo mix mix_all opacity2x">
					
					<div class="work-item">
						<img src="images/APP/app5.jpg" alt="" />
						<div class="image-extra">
							<div class="extra-content">
								<div class="inner-extra">
									<h2 class="extra-title">照片</h2>
									<!--/<h6 class="extra-category">照片</h6>-->
									<!--/<a class="single-image link-icon" href="project-single.html"></a>-->
									<a class="single-image plus-icon" data-fancybox-group="folio" href="images/APP/app5.jpg"></a>
								</div><!--/ .inner-extra-->	
							</div><!--/ .extra-content-->
						</div><!--/ .image-extra-->	
					</div><!--/ .work-item-->
					
				</li>								

			</ul><!--/ .portfolio-items-->
			
		</section><!--/ .section-->
		
	</section><!--/ .page-->
	
	<section id="services" class="page"><!--/ .section--><!--/ .section-->
		
	</section><!--/ .page-->
	
	<section id="blog" class="page"><!--/ .section--><!--/ .section--><!--/ .section-->
		
	</section><!--/ .page-->
	
	<section id="pricing" class="page"><!--/ .section-->
		
	</section><!--/ .page-->
	
	<section id="contacts" class="page"><!--/ .section--><!--/ .section-->

	</section><!--/ .page-->
	
	
	<!-- - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->
	
	
  <footer id="footer">
		
		<section class="section parallax parallax-bg-4">
			<div align=center>
				<p>联系地址:上海市黄浦区中山南路969号谷泰滨江大厦510室</p>
				<p>邮箱：service@wesugarfree.com</p>
				<img alt='' src='images/qrcode_for_gh_a4402eb43f1e_259.jpg'/>
				<p>沪 ICP 备15010445号</p>
				</div>



		</section><!--/ .section-->	
		

  </footer><!--/ #footer-->

	
	<!-- - - - - - - - - - - - - end Footer - - - - - - - - - - - - - - - -->

	
</div><!--/ #wrapper-->


<!-- - - - - - - - - - - - - end Wrapper - - - - - - - - - - - - - - - -->



<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script> 
<!--[if lt IE 9]>
	<script src="js/respond.min.js"></script>
<![endif]-->
<script src="js/jquery.queryloader2.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/layerslider/js/layerslider.transitions.js"></script>
<script src="js/layerslider/js/layerslider.kreaturamedia.jquery.js"></script>
<script src="js/jquery.mixitup.js"></script>
<script src="js/jquery.mb.YTPlayer.js"></script>
<script src="js/jquery.smoothscroll.js"></script>
<script src="js/flexslider/jquery.flexslider.js"></script>
<script src="js/fancybox/jquery.fancybox.pack.js"></script>

<!-- <script src="js/jquery.gmap.min.js"></script> -->
<script src="js/jquery.touchswipe.min.js"></script>
<script src="js/config.js"></script>
<script src="js/custom.js"></script>

</body>
</html>
